<!-- navigator -->
<div id="nav">	
    <ul>				
        <li><a href="#1"><img src="/images/stats.jpg"/>	<strong>Statistics</strong>	</a></li>		
        <li><a href="#2"><img src="/images/army.png"/>	<strong>Army</strong></a></li>		
        <li><a href="#3"><img src="/images/build.jpg"/>	<strong>Infrastructure</strong>	</a></li>	
    </ul>
</div>

<script> 
	$(function() {	
		$("#nav ul").tabs("#panes > div", {effect: 'fade', fadeOutSpeed: 400});
	});
</script>

<!-- tab panes -->
<div id="panes">	
	<div>		<img src="http://farm1.static.flickr.com/114/299183878_4feac12b04_m.jpg"  />						
    	<h3>Statistics</h3>		
        <p class="more">			
			<?php 				
				echo '<br/>';				
				echo 'Alias : '.$this->playerStats['alias'];			
			?>		
         </p>
         <?php		ksort($this->playerStats);		
		 	echo '<br/>';				
		 	foreach ( $this->playerStats as $key => $value )		
		 	{			
				$keyModify = str_replace('_',' ',$key);			
				$playerStatsName = ucwords($keyModify);		
				$playerStatsValue = $value;			
				if ($key != 'user_fk' && $key != 'id' && $key != 'alias')		
				{				
					echo '<p>';			
					echo $playerStatsName.' : '.$playerStatsValue;		
					echo '</p>';		
				}		
			}		
		?>			
      </div>
      
      <div>			
      <h3>Army</h3>				
      <p class="more"><br/>Army</p>				
	  <p>		
	 	 <?php			
	  		echo '<br/>';			
			$html = '<table width=100%>';			
				$html .= '<tr>';			
					$html .= '<td>Unit name</td>';				
					$html .= '<td>Number</td>';			
					$html .= '<td>Distribution(%)</td>';		
				$html .= '</tr>';
				$html .= '<tr>';
					$html .= '<td>Level 1</td>';
					$html .= '<td>'.$this->lvl1.'</td>';
					$html .= '<td>'.$this->dis_l1.'%</td>';	
				$html .= '</tr>';					
				$html .= '<tr>';	
					$html .= '<td>Level 2</td>';	
					$html .= '<td>'.$this->lvl2.'</td>';
					$html .= '<td>'.$this->dis_l2.'%</td>';	
				$html .= '</tr>';			
				$html .= '<tr>';
					$html .= '<td>Level 3</td>';	
					$html .= '<td>'.$this->lvl3.'</td>';		
					$html .= '<td>'.$this->dis_l3.'%</td>';	
				$html .= '</tr>';	
				$html .= '<tr>';			
					$html .= '<td>Level 4</td>';				
					$html .= '<td>'.$this->lvl4.'</td>';			
					$html .= '<td>'.$this->dis_l4.'%</td>';			
				$html .= '</tr>';						
				$html .= '<tr>';			
					$html .= '<td>Level 5</td>';				
					$html .= '<td>'.$this->lvl5.'</td>';			
					$html .= '<td>'.$this->dis_l5.'%</td>';			
				$html .= '</tr>';						
				$html .= '<tr>';			
					$html .= '<td>Level 6</td>';				
					$html .= '<td>'.$this->lvl6.'</td>';			
					$html .= '<td>'.$this->dis_l6.'%</td>';			
				$html .= '</tr>';						
			$html .= '</table>';
			echo $html;					
			
		?>		
	  </p>				
      
      <p class="more"><br/>Equipment</p>				
      <p>			
	  <?php			
		  echo '<br/>';			
		  $html = '';			
		  $html = '<table width=100%>';			
			  $html .= '<tr>';			
				  $html .= '<td>Equipment Name</td>';				
				  $html .= '<td>Type</td>';			
				  $html .= '<td>Number</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 1</td>';				
				  $html .= '<td>Armor</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 1</td>';				
				  $html .= '<td>Weapon</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 2</td>';				
				  $html .= '<td>Armor</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 2</td>';				
				  $html .= '<td>Weapon</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 3</td>';				
				  $html .= '<td>Armor</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 3</td>';				
				  $html .= '<td>Weapon</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 4</td>';				
				  $html .= '<td>Armor</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 4</td>';				
				  $html .= '<td>Weapon</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 5</td>';				
				  $html .= '<td>Armor</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
			  $html .= '<tr>';			
				  $html .= '<td>Level 5</td>';				
				  $html .= '<td>Weapon</td>';			
				  $html .= '<td>0</td>';			
			  $html .= '</tr>';						
		$html .= '</table>';						
		echo $html;					
	?>		
    </p>							
    </div>	
    
    <div>  
    <h3>Infrastructure</h3>				
    <p class="more"><br/>Building</p>				
    <p>			
	<?php
	echo '<br/>';
	foreach ( $this->buildingsArray as $key => $value )
	{				
		$building_name = ucwords($key);				
		$building_level = $value;				
		echo $building_name.' is now on level '. $building_level.'<br/>';			
	} 			
	?>		
    </p>					
    </div>
</div><br clear="all" />